<template>
    <div class="section">
        <header>
            <van-nav-bar  :right-text="more" >
                <template #title>
                    <van-icon :name="icon" size="18" />
                    <span style="margin-left: 8px;">{{ tit }}</span>
                </template>
            </van-nav-bar>
        </header>
        <main>
            <slot name="main"></slot>
        </main>
        <footer>
            <slot name="footer"></slot>
        </footer>
    </div>
</template>

<script setup lang="ts">
import {ref,onMounted,defineProps} from 'vue'

// import ajax from '../apis/Ajax';

defineProps({
    tit: {
        type: String,
        default: ''
    },
    icon: {
        type: String,
        default: ''
    },
    more: {
        type: String,
        default: ''
    }
})


onMounted(() => {
    
})

</script>

<style lang="less">
@import '../styles/';
.section {
    header {
        .van-icon {
            color: black;
        }
    }
    main {
        padding: 0 1rem;
    }
}
</style>